<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东</title>
    <link rel="stylesheet" href="swiper-lib/swiper-bundle.min.css">
    <script src="swiper-lib/swiper-bundle.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            overflow-x: hidden;
            background-color: #f6f6f6;
        }

        html {
            font-size: 5.33333vw;
        }

        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #c82519;
            display: flex;
        }

        header .top_left {
            width: 30px;
            height: 24px;
            background-image: url();
            background-size: 100% 100%;
            margin: 14px 12px 0 12px;
        }

        header .shousuo {
            flex: 1;
            margin: 0 10px;
            line-height: 44px;
            margin: 5px 0;
            background-color: rgb(255, 255, 255);
            border-radius: 22px;
        }

        header .shousuo span {
            margin-left: 10px;
        }

        header .login {
            line-height: 24px;
            margin: 12px 12px 10px 12px;
            text-align: center;
            font-size: 14px;
            color: rgb(255, 255, 255);
        }

        .smile_warp {
            width: 100%;
            height: 8rem;
            margin-top: 54px;
            overflow: hidden;
            position: relative;
        }

        .smile_warp .smile {
            width: 150%;
            height: 7rem;
            background-image: -webkit-linear-gradient(top, #c82519 50%, #f1503b);
            border-radius: 0 0 50% 50%;
            position: absolute;
            top: 0;
            left: -25%;
            z-index: -1;
        }

        .swiper {
            width: 17rem;
            height: 8rem;
            border-radius: 10px;
        }

        .smile_warp .swiper img {
            width: 100%;
            height: 100%;
        }

        .smile_warp #fyq1 {
            margin-bottom: 0.6rem;
            left: 50%;
            bottom: 0;
            margin-left: -2.3rem;
            display: flex;
            width: 4.6rem;
            justify-content: space-around;
        }

        .smile_warp .swiper .xiaoyuandian {
            width: 0.5rem;
            height: 0.5rem;
            background-color: rgba(255, 255, 255, 0.6);
            margin-right: 0.2rem;
            border-radius: 50%;
        }

        .smile_warp .swiper .current {
            background-color: rgba(255, 0, 0, 0.6);
        }

        .banner-zone {
            margin: 0 auto;
            margin-top: 0.05rem;
            margin-left: 0.09rem;
            padding: 0 0.03rem;
        }

        .banner-zone .swiper-slide {
            width: 3.4rem;
            height: 3.4rem;
            margin-right: 0.05rem;
            display: flex;
            flex-direction: column;
        }

        .banner-zone .swiper-slide .grid {
            display: flex;
            flex-direction: column;
            align-items: center;
        }


        .banner-zone .swiper-slide .grid img {
            display: block;
            width: 2.4rem;
            height: 2.4rem;
        }

        .banner-zone .swiper-slide .grid p {
            margin-top: 0.05rem;
            line-height: 1.3rem;
            font-size: 0.6rem;
            color: #666666;
            white-space: nowrap;
        }

        .banner-zone .swiper-scrollbar {
            height: 0.3rem;
            width: 2.4rem;
            left: 50%;
            bottom: 0.05rem;
            margin-left: -1.2rem;
            background: #D6D6D6;
            border-radius: 1.2rem;
        }

        .banner-zone .swiper-scrollbar-drag {
            background-color: #FF6D2A;
        }

        .miaosha {
            width: 16.75rem;
            height: 7.125rem;
            background-color: #fff;
            margin: 0.5rem auto;
            border-radius: 0.6rem;

        }

        .miaosha .m_top {
            width: 100%;
            height: 1.7rem;
            line-height: 1.7rem;
            background: url()no-repeat;
            background-size: contain;
            overflow: hidden;
        }

        .miaosha .m_top .m_t_left {
            float: left;
        }

        .miaosha .m_top .m_t_left .jd {
            float: left;
            display: inline-block;
            height: 1.35rem;
            margin-top: 0.4rem;
            margin-right: 0.25rem;
            margin-left: 0.5rem;
            font-family: PingFangSC-Semibold;
            font-size: .7rem;
            color: #333;
            letter-spacing: 0;
            line-height: 1.2;
        }

        .miaosha .m_top .m_t_left .thetime {
            float: left;
            display: inline-block;
            height: 0.9rem;
            line-height: .9rem;
            font-size: 0;
            margin-top: 0.4rem;
            vertical-align: middle;
            overflow: hidden;
            display: flex;
            position: relative;
        }

        .miaosha .m_top .m_t_left .thetime .zc {
            height: 100%;
            border-radius: 0.4rem;
            font-size: .65rem;
            color: #ff2727;
            letter-spacing: 0;
            padding-right: 0.25rem;
            padding-left: 0.25rem;
            position: relative;
            left: -1px;
            margin-right: 0.2rem;
            line-height: 1.4;
        }

        .miaosha .m_top .m_t_left .thetime .zc::after {
            height: 0.875rem;
            width: 1.025rem;
            content: "";
            display: inline-block;
            vertical-align: middle;
            background-image: url(https://wq.360buyimg.com/jdm-home-page/pages/images/seckill-time-to_1de70c91.png);
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: contain;
        }

        .tiemr {
            width: 2.85rem;
            height: 0.9rem;
            margin-left: 0.2rem;
        }

        .time {
            font-size: .15rem;
            float: left;
            width: 0.75rem;
            color: #fff;
            background-image: -webkit-linear-gradient(230deg, #ff6152, #fa2c19);
            background-image: linear-gradient(-140deg, #ff6152, #fa2c19);
            background-color: #fa2c19;
            text-align: center;
            font-weight: 400;
            border-radius: 0.2rem;
        }


        .spearator {
            width: 0.3rem;
            font-size: .15rem;
            margin: 0 0.1rem;
            float: left;
            display: inline-block;
            height: 100%;
            line-height: 1.4;
            font-size: .6rem;
            text-align: center;
            font-family: PingFangSC-Regular;
            color: #f2270c;
            letter-spacing: 0;
            font-weight: 700;
        }

        .miaosha .m_top .m_t_right {
            float: right;
            display: inline-block;
            color: #f23030;
            font-size: .6rem;
            text-align: right;
            position: relative;
            padding-right: 1.1rem;
        }

        .miaosha .m_top .m_t_right i {
            display: inline-block;
            width: 0.55rem;
            height: 0.55rem;
            background: url(http://wq.360buyimg.com/jdm-home-page/pages/images/arrow_rt_2ccb8cd5.png) no-repeat;
            background-size: cover;
            position: absolute;
            right: 0.4rem;
            top: 0.5rem;

        }


        .miaosha .m_bot {
            width: 100%;
            height: 1.7rem;
            line-height: 1.7rem;
        }

        .waterfall {
            display: flex;
            justify-content: space-evenly;
            width: 18.25rem;
            margin: 0 auto;
        }

        .waterfall .waterfall_left {
            flex: 1;
            height: 22rem;
            margin-right: -0.75rem;
        }

        .waterfall .waterfall_right {
            flex: 1;
            height: 22rem;
        }

        .waterfall .grid {
            display: block;
            width: 8.55rem;
            margin-bottom: 0.5rem;
            background: #ffffff;
            border-radius: 0.4rem;
            overflow: hidden;
            position: relative;
        }

        .waterfall .grid img {
            width: 8.55rem;
            height: 8.55rem;
        }

        .waterfall .grid .pname {
            text-align: left;
            line-height: 1.05rem;
            height: 2.1rem;
            font-size: 0.7rem;
            padding:0  0.25rem;
            font-family: -apple-system, Helvetica, sans-serif;
            overflow: hidden;
            color: #434343;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            word-break: break-all;
            -webkit-box-orient: vertical;
        }

        .waterfall .grid .info {
            display: flex;
            height: 1.5rem;
           
        }

        .waterfall .grid .info .price {
            font-size: 0.7rem;
            line-height: 1.5rem;
            color: #ff4142;
            padding:0 0.25rem;
        }

        .waterfall .grid .info .price i {
            font-size: 1rem;
            font-style: normal;
        }

        .waterfall .grid .row {
            height: 1rem;
            padding:0  0.25rem 0.25rem;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            overflow: hidden;
        }


        .waterfall .grid .row .payed {
            font-size: 0.6rem;
            float: left;
            max-width: 100%;
            color: #999;
            white-space: nowrap;
        }
        .waterfall .grid .row .payed:first-child{
            margin-right: 0.5rem;
        }
        

        .feed_back {
            position: absolute;
            right: 0.25rem;
            bottom: 0.25rem;
            background: #f2f2f2;
            color: #262626;
            font-size: 0.55rem;
            width: 2.5rem;
            height: 1rem;
            border-radius: 0.5rem;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
        }
    </style>
    <link rel="stylesheet" href="dist/css/swiper-bundle.min.css">
    <script src="dist/js/swiper-bundle.min.js"></script>
</head>

<body>
    <header>
        <div class="top_left">
            <b></b>
        </div>
        <div class="shousuo">
            <div class="logo"></div>
            <div class="minlogo"></div>
            <div class="wenzi">
                <span>油烟机灶具套装</span>
            </div>
        </div>
        <div class="login">
            登录
        </div>
    </header>
    <div class="smile_warp">
        <div class="smile"></div>
        <script src="dist/js/swiper-bundle.min.js"></script>
        <div class="carousel-box">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/23396/9/19729/199474/6333e4faE306d409a/21ea684b01c90383.jpg!cr_1053x420_4_0!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/123428/17/29359/81976/62d0ab97Eb679dae9/65a04c0bddbfbe36.jpg!cr_1125x449_0_166!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/191291/14/25958/88708/62af9979E89c32872/e72d2ddd34f5a42d.jpg!cr_1125x449_0_166!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://imgcps.jd.com/ling4/10061447924567/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-60541365d250103053e030ee/afc69193/cr_1125x449_0_166/s/q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/107289/16/26468/85982/6340d18aE0b8d7cbb/09eccafa5496a36d.jpg!cr_1125x449_0_166!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/s1062x420_jfs/t1/159944/10/24807/123813/61db8b3cE235baed1/cb7cf5029afef5e3.jpg!cr_1053x420_4_0!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/8146/12/18380/74480/62c1cfbeE310801df/dfb3e8f6c2b776c8.jpg!cr_1125x449_0_166!q70.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://m15.360buyimg.com/mobilecms/s1062x420_jfs/t1/75570/1/17836/107887/633429caE3c0375df/9caf9778d4615104.jpg!cr_1053x420_4_0!q70.jpg"
                            alt="">
                    </div>

                </div>
                <div class="swiper-pagination" id="fyq1"></div>
                <!--分页器。如果放置在swiper外面，需要自定义样式。-->
            </div>
            <!-- 导航等组件可以放在Swiper容器之外 -->
        </div>
        <script>
            var mySwiper = new Swiper('.swiper', {
                loop: true, // 循环模式选项
                speed: 300,
                autoplay: {
                    delay: 1000,
                    stopOnLastSlide: false,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '#fyq1',
                    // 小圆点的类名
                    bulletClass: 'xiaoyuandian',
                    // 当前小圆点的类名
                    bulletActiveClass: 'current'
                },
            })        
        </script>
    </div>

    <section class="banner-zone">
        <div class="swiper" id="banner-swpier">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png"
                            alt="">
                        <p>
                            京东超市
                        </p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/185733/21/13527/6648/60ec0f31E0fea3e0a/d86d463521140bb6.png"
                            alt="">
                        <p>充值缴费</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png"
                            alt="">
                        <p>数码电器</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/34248/39/16616/4689/62bbbdccE9f11132e/d51caf15f2f412b2.png"
                            alt="">
                        <p>附近好店</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/54043/33/19389/4660/62b049dbE3b9aef75/2fcd31afd5d702e4.png"
                            alt="">
                        <p>京东新百货</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/186080/16/13681/8175/60ec0fcdE032af6cf/c5acd2f8454c40e1.png"
                            alt="">
                        <p>领劵</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/177902/16/13776/5658/60ec0e71E801087f2/a0d5a68bf1461e6d.png"
                            alt="">
                        <p>京东生鲜</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/37709/6/15279/6118/60ec1046E4b5592c6/a7d6b66354efb141.png"
                            alt="">
                        <p>PULS会员</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/196472/7/12807/7127/60ec0ea3Efe11835b/37c65625d94cae75.png"
                            alt="">
                        <p>京东到家</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/191060/24/12861/6818/60ec11f2E67cf5ee6/c264378678b3cd96.png"
                            alt="">
                        <p>京东国际</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/191060/24/12861/6818/60ec11f2E67cf5ee6/c264378678b3cd96.png"
                            alt="">
                        <p>京东拍卖</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/36551/10/16098/5792/60ec1589E755822d7/f958b896e706008a.png"
                            alt="">
                        <p>拍拍二手</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/145692/9/1817/4493/5efbf652E61c4f3ec/722840c121d67fc6.png"
                            alt="">
                        <p>玩3C</p>
                    </div>
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/192665/22/12752/7912/60ec15cbE261a32bf/3ace51badf80e71b.png"
                            alt="">
                        <p>全部</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/185282/10/13877/6658/60ec1404E0fc4061a/a7c213f76e37a8d6.png"
                            alt="">
                        <p>沃尔玛</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/182378/35/13924/7463/60ec14c6E1f434a60/37fba58239f3547e.png"
                            alt="">
                        <p>美妆馆</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="grid">
                        <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/191377/35/12864/5624/60ec146cE304517a9/20acb632f59fbbbd.png"
                            alt="">
                        <p>京东旅行</p>
                    </div>
                </div>
            </div>
            <!-- //如果需要分页器 -->
            <!-- <div class="swiper-pagination"></div> -->

            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div> -->

            <!-- //如果需要滚动条 -->
            <div class="swiper-scrollbar" id="banner-bar"></div>
        </div>
        <script>
            var mySwiper = new Swiper('#banner-swpier', {
                freeMode: true,
                slidesPerView: 'auto',
                scrollbar: {
                    el: '#banner-bar',
                },
            }); 
        </script>
    </section>

    <div class="miaosha">
        <div class="m_top">
            <div class="m_t_left ">
                <div class="jd">京东秒杀</div>
                <div class="thetime">
                    <div class="zc"> 14</div>
                    <div class="timer">
                        <div class="time j-sk-h">00</div>
                        <span class="spearator">:</span>
                        <div class="time j-sk-m">33</div>
                        <span class="spearator">:</span>
                        <div class="time j-sk-s">32</div>
                    </div>
                </div>
            </div>
            <div class="m_t_right ">
                爆款轮番秒
                <i></i>
            </div>
        </div>
        <div class="m_bot">
            <h3>轮播图待会弄</h3>
        </div>
    </div>
    <div class="waterfall">
        <div class="waterfall_left">
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/213548/6/21804/132145/633cfe25E3a0ceeb4/b3b5e0bbff1f89f6.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">Lee Cooper 卫衣男长袖t恤男士打底衫春秋季2022新款ins潮流百搭卫衣内搭宽松上衣服 6717咖啡色 M码</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>350</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">200+条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>

        </div>
        <div class="waterfall_right">
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>
            <div class="grid">
                <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/133989/15/27521/141241/62e9e589E4571332e/436868e8002b6696.jpg!q70.dpg.webp"
                    alt="">
                <p class="pname">欧式创意金鹿酒柜摆件家居客厅房间电视柜玄关现代家居装饰品礼物 福袋小号（存钱罐）</p>
                <div class="info">
                    <span class="price">
                        ￥
                        <i>77</i>
                        .00
                    </span>
                </div>
                <div class="row">
                    <div class="payed">1条评论</div>

                </div>
                <div class="feed_back">
                    看相似
                </div>
            </div>


        </div>
    </div>


</body>

</html>